<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>发修-{$title}</title>
		<link rel="stylesheet" href="/Public/Home/css/base.css">
		<link rel="stylesheet" href="/Public/Home/css/index.css">
		<style type="text/css">
			.recruit {
				padding-bottom: 1em;
			}
			.recruit1 {
				padding: 0.5em 1em;
			}
			.recruit2 {
				margin-top: 0.8em;
			}
			.recruit3 {
				font-size: 1.2em;
				padding-bottom: 0.6em;
				border-bottom: 1px solid #999;
			}
			.recruit4 {
				font-size: 1.2em;
				color: #666;
				line-height: 2.2em;
			}
			.recruit5 {
				color: #666;
				display: block;
				overflow: hidden;
			}
			.recruit5 p {
				line-height: 1.8em;
			}
			.recruit6 {
				color: #666;
				display: block;
				overflow: hidden;
			}
			.recruit6 label {
				float: left;
				width: 5%;
			}
			.recruit6 span {
				display: block;
				float: left;
				width: 95%;
				letter-spacing: 0.5px;
				line-height: 1.6em;
			}
			.recruit7 {
				color: #666;
				display: block;
				overflow: hidden;
			}
			.recruit7 label {
				float: left;
				width: 5%;
			}
			.recruit7 span {
				display: block;
				float: left;
				width: 95%;
				letter-spacing: 0.5px;
				line-height: 1.6em;
			}
			.recruitTel {
				display: block;
				padding-left: 1em;
				overflow: hidden;
				line-height: 1.3em;
				margin-top: 1em;
				font-size: 15px;
			}
			.recruitTel img {
				width: 1.4em;
				float: left;
				border: 0;
			}
			.recruitTel label {
				float: left;
				font-size: 1.1em;
				margin-left: 0.5em;
				color: #a9d72c;
			}
			.recruitZl {
				margin: 1.5em 1em 0 1em;
				border: 2px solid #ccc;
				border-radius: 6px;
				padding: 0 0.5em;
				padding-bottom: 1em;
			}
			.recruitZl1 {
				display: block;
				text-align: center;
				font-size: 1.3em;
				color: #333;
				line-height: 2.4em;
			}
			.recruitZl2 {
				overflow: hidden;
				display: block;
				line-height: 3em;
			}
			.recruitZl2 span {
				float: left;
				font-size: 16px;
				width: 5.3em;
			}
			.recruitZl2 input {
				font-size: 1.1em;
				padding: 0 3px;
				height: 2em;
				width: 12em;
				border-radius: 3px;
				border: 1px solid #bcbbba;
			}
			.recruitZl3 {
				color: #fff;
				width: 12em;
				height: 2em;
				background-color: #d6c375;
				display: block;
				font-size: 16px;
				text-align: center;
				line-height: 2em;
				border-radius: 3px;
				margin-left: 5.3em;
				margin-top: 0.4em;
			}
			.sixBo{  float: left;}
			.sixBo input{  float: left;width: 14px;}
			.sixGr{  float: left}
			.sixGr input{  float: left;  width: 14px;}
		</style>
		<script>
			$(function() {
				$('#apply-form').submit(function() {
					var _this = $(this);
					$.post(_this.attr('action'), _this.serialize(), function(r) {
						alert(r.info);
						if (r.status) {
							_this.find('input').val('');
						}
					}, 'json');
					return false;
				})
			})
		</script>
	</head>

	<body>

		<include file="Public/nav" />
		<div class="yy-bg"></div>
		<div class="about-us full-width">
			<div class="main-width">
				<include file="Info/left" />

				<div class="right-content">
					<h1>{$title}</h1>
					<div id="q3">
						<div class="recruit">
							<div class="recruit1">
								<volist name="job_list" id="job">
									<div class="recruit2">
										<p class="recruit3">{$job.title}</p>
										<p class="recruit4">岗位职责：</p>
										<div class="recruit5">
											{$job.duty}
										</div>
									</div>
								</volist>
							</div>
							<a class="recruitTel" tel="{$tel}">
								<img src="/Public/Wap/hpf/images/iphone.png" />
								<label>咨询热线：{$tel}</label>
							</a>
					<form method="post" action="{:U('apply')}" id="apply-form">
                        <div class="recruitZl">
                            <label class="recruitZl1">在线申请</label>
                            <label class="recruitZl2">
                                <span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</span><input type="text" name="name"/>
                            </label>
                            <label class="recruitZl2">
                                <span>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</span>
                                <label class="sixBo" for="男">
                                	<input type="radio" name="sex" value="1"><span>男</span>
                                </label>
                                <label class="sixGr" for="女"><input type="radio" name="sex" value="2"><span>女</span></label>
                            </label>
                            <label class="recruitZl2">
                                <span>电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：</span><input type="text" name="phone"/>
                            </label>
                            <label class="recruitZl2">
                                <span>理想职位：</span><input type="text" name="apply_job"/>
                            </label>
                            <a class="recruitZl3" href="javascript:;" onclick="$('#apply-form').submit()">提交资料</a>
                        </div>
                    </form>
						</div>
					</div>

				</div>
				<div class="cl"></div>
			</div>
		</div>

		<div class="cl"></div>

		<include file="Public/footer" />

	</body>

</html>